<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:p="http://primefaces.org/ui"
                template="/templates/plantilla1.xhtml">

    <ui:define name="contenido">

        <h:form id="pag1Form">
            <h2>Ejercicio 5 - Página 1</h2>

            <h3>Lista de personas</h3>
            
            <h:commandLink value="Crear Nueva Persona" action="#{ejercicio5Pag1Bean.irEditar(null)}" immediate="true" />
            
            <p:dataTable id="personasTable" 
                         value="#{ejercicio5Pag1Bean.personaList}" 
                         var="p">
                
                <p:column headerText="RUT">
                    <h:outputText value="#{p.rut}" >
                        <f:converter converterId="rutConverter" />
                    </h:outputText>
                </p:column>
                
                <p:column headerText="Nombre">
                    <h:outputText value="#{p.nombre}" />
                </p:column>
                
                <p:column headerText="Acciones">
                    <p:commandLink value="Editar" ajax="false" action="#{ejercicio5Pag1Bean.irEditar(p)}" />
                </p:column>
                
            </p:dataTable>
           
            
        </h:form>

    </ui:define>
</ui:composition>